/*
 * @Description: 系统设置 - 自增字段
 * @Author: Rfan
 * @Date: 2022-10-26 18:34:24
 * @LastEditTime: 2022-10-29 14:18:41
 */

import { Tabs } from 'antd';
import classNames from 'classnames/bind';
import FondsSidebar from './components/FondsSidebar';
import { AutoIncreaseContextProvider } from './contexts/AutoIncreaseContext';
import { SettingOutlined } from '@ant-design/icons';
import ArrangeSettings from './components/ArrangeSettings';
import GroupingSettings from './components/GroupingSettings';
import BuildConfiguration from './components/BuildConfiguration';
import styles from './styles/autoIncrease.module.scss';

const { TabPane } = Tabs;

const cx = classNames.bind(styles);

const SystemAutoIncrease = () => {
  return (
    <>
      <AutoIncreaseContextProvider>
        <div className={cx('fond-wrap')}>
          <div className={cx('unit-wrap')}>
            <FondsSidebar />
          </div>
          <div className={cx('content-wrap')}>
            <Tabs>
              <TabPane tab={'分组设置'} key={1}>
                <GroupingSettings />
              </TabPane>
              <TabPane tab={'排列设置'} key={2}>
                <ArrangeSettings />
              </TabPane>
              <TabPane
                tab={
                  <span>
                    <SettingOutlined />
                    序号生成方式配置
                  </span>
                }
                key={3}
              >
                <BuildConfiguration />
              </TabPane>
            </Tabs>
          </div>
        </div>
      </AutoIncreaseContextProvider>
    </>
  );
};

export default SystemAutoIncrease;
